<template>
  <Breadcrumb>
    <BreadcrumbItem to="/home">
      <span class="iconfont icon-home_fill_light"></span>首页
    </BreadcrumbItem>
    <template  v-if="getBread[0] && getBread[0].path">
      <BreadcrumbItem v-for="(bread ,index) of getBread" :key="index">{{ bread.name }}</BreadcrumbItem>
    </template>
  </Breadcrumb>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  props: {
    home: {
      default: '',
      type: String
    },
    oneMenu: {
      default: '',
      type: String
    },
    twoMenu: {
      default: '',
      type: String
    }
  },
  computed: {
    getBread () {
      return this.getBreadCrumbs()
    }
  },
  methods: {
    ...mapGetters(['getBreadCrumbs'])
  }
}
</script>
